
<template>
  <div class="risk-content">
    <eagle-page-list
      :controller="controller"
      :queryParams="queryParams"
      @bindData="bindData"
      :conditions="conditions"
      ref="eaglePageList"
    >
      <template #list>
        <div class="plan-list">
          <div
            class="plan-detail mb-10"
            v-for="(item, index) in list"
            :key="index"
          
          >
            <div class="mb-10">学习人：{{ item.ChnName }}</div>
            <div class="mb-10">部门：{{ item.OrgName }}{{ item.PostName }}</div>
            <div>
              <!-- <div class="mb-5" style="text-align: left">
								{{ item.CurrentProgress }}%
							</div>
							<div class="mb-5" style="text-align: right">
								{{ item.CurrentProgress }}%
							</div> -->
            </div>
            <div class="plan-detail-bd mt-10">
              <div>得分：{{ item.Score==null?'暂无': item.Score }}</div>
              <span>是否通过：{{ item.IsPass ==1?'通过':'未通过' }}</span>
            </div>
            <eagle-divider />
                        <div class="plan-detail-bd">
              <div>考试结束时间：{{ item.EndTime||'暂无' }}</div>
              <span>状态：{{ item.State==null?'暂无':( item.State ==0?'有效':'无效') }}</span>
            </div>
            <eagle-tag
              v-if="item.Status<=10"
              color="#98a4d2"
              class="plan-detail-tag"
              >未考试</eagle-tag
            >
            <eagle-tag   v-if="item.Status==20" color="#7b9dfd" class="plan-detail-tag"
              >考试中</eagle-tag>
                          <eagle-tag   v-if="item.Status==30" color="#48d195" class="plan-detail-tag"
              >已完成</eagle-tag>
          </div>
        </div>
      </template>
    </eagle-page-list>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [],
      conditions: {},
      controller: "/ExExam",
      queryParams: {
        dataType: "Track",
        examCode: this.$route.query.examcode,
      },
      CurrentProgress: 60,
    };
  },
  created() {
  },
  methods: {
    bindData(data) {
      this.list = [];
      if (data) {
        this.list = data;
      }
    },
    // 详情
    _goDetail(item) {
      this.$router.push("/Train/TrainingplanDetail?id=" + item.ID);
    },
  },
};
</script>

<style lang="less" scoped>
.risk-content {
  background-color: #e8f1f8;
  min-height: 100vh;
  .info_search {
    padding: 10px;
    border-radius: 5px !important;
    .van-field__control {
      background-color: #ffffff !important;
    }
  }
}

.plan-detail {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  color: #333;
  font-size: 12px;
  position: relative;
  .plan-detail-tag {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.plan-detail-hd {
  display: flex;
  img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  .plan-detail-title {
    font-size: 14px;
    color: #000;
  }
  span {
    color: #666;
  }
}
.plan-detail-describe {
  line-height: 1.2;
  // word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2; /** 显示的行数 **/
  overflow: hidden; /** 隐藏超出的内容 **/
  word-break: break-all;
}
.plan-detail-bd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.van-divider{
  margin: 5px 0px;
}

</style>